<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>打卡月历</title>
    <!-- css样式 -->
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-2.0.0.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-dateCalender.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.attendance}/fonts/iconfont.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.attendance}/css/clock_component/clockbase.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.attendance}/css/clock_component/map.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.attendance}/css/clock-day-detail.css${data:buildversion}"/>
</head>
<body class="attendance-page cmp-fullscreen flex-v" id="app-body">
${data:initScript}
<script>
    ;(function () {
        var serverId = window.localStorage['curServerId'] || '',
            userId = window.localStorage['curUserId'] || '',
            fontType = window.localStorage['fontType-' + serverId + '-' + userId] || 'cmp-font-type-12';
        document.body.className += ' cmp-font-type-' + fontType;
    })();
</script>
<!-- js引入 -->
<header class="cmp-bar cmp-bar-nav cmp-flex-header">
    <div id="backBtn" class="cmp-action-back cmp-header-left ">
        <span class="cmp-icon see-icon-v5-common-arrow-back"></span>
        <span class="nav-text cmp-font-title">返回</span>
    </div>
    <div class="cmp-title cmp-font-btitle" id="page-header-title">
        打卡明细
    </div>
    <div class="cmp-header-right">
    </div>
</header>
<div class="nav-menu-list flex-h y-center">
    <div class="nav-item flex-1 text-center">
        <div class="text cmp-font-title late-menu" data-type="late">
            <div class="text-over-ellipsis">
                <p>5</p>
                迟到
            </div>
        </div>
    </div>
    <div class="nav-item flex-1 text-center">
        <div class="text cmp-font-title leaveEarly-menu" data-type="leaveEarly">
           <div class="text-over-ellipsis">
               <p>5</p>
               早退
           </div>
        </div>
    </div>
    <div class="nav-item flex-1 text-center">
        <div class="text cmp-font-title missingClock-menu" data-type="missingClock">
            <div class="text-over-ellipsis">
                <p>5</p>
                缺卡
            </div>
        </div>
    </div>
    <div class="nav-item flex-1 text-center">
        <div class="text cmp-font-title outside-menu flex-h y-center" data-type="outside">
            <div class="text-over-ellipsis">
                <p>5</p>
                外勤
            </div>
        </div>
    </div>
</div>
<div class="cmp-font-btitle page-title">
    2018-10-10 迟到共5人
</div>
<div class="flex-1 clock-cmp-content flex-v" id="main-view">
    <div class="flex-1 flex-v">
        <!--迟到-->
        <div class="flex-1 flex-v page-view scroll-touch" id="statistics-late">
            <div class="list-item">
                <div class="base-info flex-h y-center">
                    <div class="item-left">
                        <div class="header"></div>
                    </div>
                    <div class="item-right flex-1 flex-h y-center x-between">
                        <div class="right-info">
                            <p class="name cmp-font-title text-over-ellipsis">于马</p>
                            <p class="job cmp-font-asswords text-over-ellipsis">V5应用技术与架构经理</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--早退-->
        <div class="flex-1 flex-v page-view scroll-touch" id="statistics-leaveEarly">

        </div>
        <!--缺卡-->
        <div class="flex-1 flex-v page-view scroll-touch" id="statistics-missingClock">

        </div>
        <!--外勤-->
        <div class="flex-1 flex-v page-view scroll-touch" id="statistics-outside">

        </div>
    </div>
</div>
<script src="${data:dependencies.attendance}/i18n/clock_zh_CN.js${data:buildversion}"></script>
<script src="${data:dependencies.commons}/i18n/Commons_zh_CN.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
<script>
    var $buildversion = '${data:buildversion}';
    var attendancePath = "${data:dependencies.attendance}";
    var cmpPath = "${data:dependencies.cmp}";
    var commonPath = "${data:dependencies.commons}";
    cmp.i18n.init("${data:dependencies.attendance}/i18n/", "clock", function () {
    });
    cmp.i18n.init("${data:dependencies.commons}/i18n/", "Commons");
</script>
${data:cordova}
<script type="text/javascript" src="${data:dependencies.cmp}/js/cmp.js${data:buildversion}"></script>
<script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-2.0.0.js${data:buildversion}"></script>
<script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
<script type="text/javascript" src="${data:dependencies.jssdk}${data:buildversion}" id="__jsdktag"></script>
<script type="text/javascript" src="${data:dependencies.attendance}/js/clockbase.js${data:buildversion}"></script>
<script type="text/javascript" src="${data:dependencies.attendance}/js/clock-day-detail.js${data:buildversion}"></script>
</body>
</html>

